<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script th:src="@{/js/bootstrap.bundle.js}"></script>
    <script th:src="@{/js/jquery-3.5.1.js}" crossorigin="anonymous"></script>
    <link rel="stylesheet" th:href="@{/css/A_UserList.css}">
</head>
<body>
<div id="liu" class="container">
    <header>收入清单</header>
    <div id="li-w">
        <h4 class="h-x">次卡收入</h4>
        <div class="cbtn">
            <form>
                <input placeholder="查找(支持模糊查询)" name="keywords" type="text" required id="cin" th:value="${keywords}">
                <button type="button" id="c">查找</button>
                <a style="position: relative;left: 420px; text-decoration:none;" href="/admins/A_C_IncomeList">❌</a>
            </form>
        </div>
        <div class="container con1" style="margin-top: 20px">
            <table>
                <thead>
                    <tr style="text-align: center">
                        <th style="min-width: 70px;">id</th>
                        <th style="min-width: 100px;">姓名</th>
                        <th style="min-width: 200px;">账号</th>
                        <th style="min-width: 100px;">用户类型</th>
                        <th style="min-width: 200px;">充值金额</th>
                        <th style="min-width: 350px;max-width: 400px;">充值时间</th>
                    </tr>
                    </thead>
                <tbody id="data">
                <th:block th:each="income:${page.list}">
                    <tr>
                        <td class="f_id" th:text="${income.id}"></td>
                        <td th:text="${income.name}"></td>
                        <td th:text="${income.tel}"></td>
                        <td th:text="${income.usertype}"></td>
                        <td th:text="${income.money+'元'}"></td>
                        <td th:text="${income.time}"></td>
                    </tr>
                </th:block>
                </tbody>
            </table>
        </div>
        <div class="pages" th:if="${page.pageNum<=page.pages}">
            <ul class="pagination">
                <li id="aa"><a th:href="@{/admins/A_C_IncomeList?pageNum=__${1}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}">&laquo;首页</a></li>
                <li><a th:href="@{/admins/A_C_IncomeList?pageNum=__${page.hasPreviousPage ? (page.pageNum - 1) : 1}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}">&laquo;上一页</a></li>
                <li><a class="active"><span th:text="${page.pageNum}"></span>/<span th:text="${page.pages}"></span></a></li>
                <li><a th:href="@{/admins/A_C_IncomeList?pageNum=__${page.hasNextPage ? (page.pageNum + 1) : page.pages}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}" >下一页&raquo;</a></li>
                <li><a th:href="@{/admins/A_C_IncomeList?pageNum=__${page.pages}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}">尾页&raquo;</a></li>
            </ul>
        </div>
        <input type="hidden" th:value="${Result.msg}" id="err">
    </div>
</div>
<script th:src="@{/js/A_C_IncomeList.js}"></script>
</body>
</html>